<template>
	<view class="flash-sale-item df mb-40">
		<image src="https://z3.ax1x.com/2021/08/08/flmxMT.jpg" mode="" class="pro-img"></image>
		<view class="product pr">
			<view class="fz24">2021时尚新款小姐姐</view>
			<view class="">
				<view class="c-ae fz18">运费：包邮</view>
				<view class="df fz24">
					<view class="c-333 fw-b mr-10">￥65</view>
					<view class="c-ae" style="text-decoration: line-through;">	￥550.00
					</view>
				</view>
			</view>
			<view class="btn-buy">
				还剩20件
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			datas: {
				type:Object,
				default:()=> {
					return {}
				}
			},
			type:{
				type:Number,
				default:1
			}
		},
		data() {
			return {
				text:'开播提醒'
			};
		},
		methods: {
			collect() {
				
			},
			tipCick() {
				if(this.text=='开播提醒') {
					this.text = '取消提醒'
				}else { 
					this.text = '开播提醒'
				}	
			}
		}
	}
</script>

<style lang="scss">
.flash-sale-item {
	.pro-img {
		width: 160rpx;
		height: 160rpx;
		border-radius:10rpx;
		margin-right: 30rpx;
	}
	.product {
		flex:1;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.btn-buy {
		position: absolute;
		right: 0;
		bottom: 0;
		color: #fff;
		background: linear-gradient(225deg,#ff9668, #ff5d72);
		width: 180rpx;
		height: 60rpx;
		line-height: 60rpx;
		text-align: center;
		font-size: 24rpx;
		border-radius: 7rpx;
	}
}
</style>
